// Новый слайдер
const newSliderTabs = document.querySelectorAll(
  ".new__stickers-slider--new .tabs .tab"
);
const newSliderSlides = document.querySelectorAll(
  ".new__stickers-slider--new .slider-container .slide"
);
let newCurrentSlide = 0;
let newSlideInterval;

function newShowSlide(index) {
  newSliderSlides.forEach((slide) => {
    slide.style.display = "none";
  });
  newSliderTabs.forEach((tab) => {
    tab.classList.remove("active");
  });

  newSliderSlides[index].style.display = "block";
  newSliderTabs[index].classList.add("active");
}

function newNextSlide() {
  newCurrentSlide = (newCurrentSlide + 1) % newSliderSlides.length;
  newShowSlide(newCurrentSlide);
}

function newStartSlider() {
  newSlideInterval = setInterval(newNextSlide, 3000);
}

function newStopSlider() {
  clearInterval(newSlideInterval);
}

newSliderTabs.forEach((tab, index) => {
  tab.addEventListener("click", () => {
    newStopSlider();
    newShowSlide(index);
    newCurrentSlide = index;
    newStartSlider();
  });
});

newStartSlider();

// Инициализация Swiper для пагинации
const newSwiper = new Swiper(".swiper", {
  loop: true,
  pagination: {
    el: ".swiper-pagination",
  },
});

const newSwiperSlides = document.querySelectorAll(".swiper-slide");

let currentSlideIndex = 0;

function showSlide(index) {
  newSwiperSlides.forEach((slide) => {
    slide.style.display = "none";
  });

  // Подсветить соответствующую точку пагинации
  document
    .querySelectorAll(".swiper-pagination-bullet")
    .forEach((bullet, i) => {
      bullet.classList.remove("swiper-pagination-bullet-active");
      if (i === index) {
        bullet.classList.add("swiper-pagination-bullet-active");
      }
    });

  newSwiperSlides[index].style.display = "block";
}

function nextSlide() {
  currentSlideIndex = (currentSlideIndex + 1) % newSwiperSlides.length;
  showSlide(currentSlideIndex);
}

function startSlider() {
  slideInterval = setInterval(nextSlide, 3000);
}

function stopSlider() {
  clearInterval(slideInterval);
}

// Автоматическое переключение слайдов
startSlider();

// Подсвечивать точку пагинации, соответствующую текущему слайду
document.querySelectorAll(".swiper-pagination-bullet").forEach((bullet, i) => {
  bullet.addEventListener("click", () => {
    stopSlider();
    showSlide(i);
    currentSlideIndex = i;
    startSlider();
  });
});
